<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta http-equiv="Cache-Control" content="no-store" />
        <meta name="robots" content="index, follow" />        
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
        <title>TA DASHBOARD</title>
        <link rel="icon" type="image/png" id="favicon" href="images/favicon.png"/>
        <link type="text/css" href="css/core.css" rel="stylesheet" media="all" />
        <link type="text/css" href="css/main.css" rel="stylesheet" media="screen" />        
        <script type="text/javascript" src="js/jquery-1.10.1.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function() {
                $("#btnChoosepanel").click(function() {
                    togglePanel();
                });
                $("#btnHidePanel").click(function() {
                    togglePanel();
                });
                function togglePanel(){                    
                    $(".ccpanels").slideToggle("slow", function(){
                        
                        if($(".ccpanels").css("display") == "none")
                        {
                            $("#btnChoosepanel").removeAttr("class");
                        }
                        else
                        {
                            $("#btnChoosepanel").addClass("selected");
                        }
                    });
                    
                }
            });
        </script>
    </head>
    <body>
        <div id="wrapper">            
            <div id="header">                    
                <div class="container">
                    <ul class="head-menu">
                        <li class="hasbg h-lab"><a href="#LabManager">Lab Manager</a></li>
                        <li class="hasbg h-help"><a href="#Help">Help</a></li>
                        <li>
                            <a href="#Administer">Administer</a>
                            <ul>
                                <li class="sep"></li>
                                <li><a href="#">Data Profile</a></li>
                                <li><a href="#">Panels</a></li>
                            </ul>
                        </li>
                        <li>
                            <a href="#Repository">Repository: <span>Sample</span></a>
                            <ul>
                                <li class="sep"></li>
                                <li><a href="#">OLS Sample Repository</a></li>
                                <li><a href="#">Sample</a></li>
                            </ul>
                        </li>
                        <li>
                            <a href="#Welcome">Administrator</a>
                            <ul>
                                <li class="sep"></li>
                                <li><a href="#Profile">My Profile</a></li>
                                <li><a href="#Logout">Logout</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
            <div id="main-menu">
                <div class="container">
                    <ul>
                        <li><a href="#" class="active">Overview</a></li>
                        <li class="haschild">
                            <a href="#">Execution Dashboard</a>
                            <ul>
                                <li><a href="#">Page 1</a></li>
                                <li><a href="#">Page 2</a></li>
                                <li><a href="#">Page 3</a></li>
                            </ul>
                        </li>
                        <li class="mn-panels"><a href="javascript:void(0);" id="btnChoosepanel" title="Choose Panels"></a></li>
                        <li class="mn-setting">
                            <a href="javascript:void(0);"></a>
                            <ul>
                                <li class="sep"></li>
                                <li class="title top"><span>Global Setting</span></li>
                                <li><a class="add" href="#">Add Page</a></li>
                                <li><a class="add" href="#">Create Profile</a></li>
                                <li><a class="add" href="#">Create Panel</a></li>
                                <li class="title"><span>Current page</span></li>
                                <li><a class="edit" href="#">Edit</a></li>
                                <li><a class="delete" href="#">Delete</a></li>                                
                            </ul>
                        </li>
                        <li class="mn-sep"></li>
                    </ul>
                </div>
            </div>
            <div class="ccpanels">
                <div class="cpanels">
                    <div class="phead">Choose panels</div>
                    <p>Select available item(s) or create a new one</p>
                    <div class="pitem">
                        <div class="ptit pchart">Charts</div>
                        <table width="100%">
                            <tr>
                                <td width="33.3%">
                                    <ul>
                                        <li><a href="#">Action Implementation By Status</a></li>
                                        <li><a href="#">Action Implementation By Status</a></li>
                                        <li><a href="#">Action Implementation By Status</a></li>
                                    </ul>
                                </td>
                                <td width="33.3%">
                                    <ul>
                                        <li><a href="#">Action Implementation By Status</a></li>
                                        <li><a href="#">Action Implementation By Status</a></li>
                                        <li><a href="#">Action Implementation By Status</a></li>
                                    </ul>
                                </td>
                                <td width="33.3%">
                                    <ul>
                                        <li><a href="#">Action Implementation By Status</a></li>
                                    </ul>
                                </td>
                            </tr>
                        </table>
                    </div>
                    <div class="pitem">
                        <div class="ptit pindicator">Indicator</div>
                        <table width="100%">
                            <tr>
                                <td width="33.3%">
                                    <ul>
                                        <li><a href="#">Action Implementation By Status</a></li>                                    
                                    </ul>
                                </td>
                                <td width="33.3%">
                                    <ul>
                                        <li><a href="#">Action Implementation By Status</a></li>                                    
                                    </ul>
                                </td>
                                <td width="33.3%">
                                    <ul>
                                        <li><a href="#">Action Implementation By Status</a></li>
                                    </ul>
                                </td>
                            </tr>
                        </table>
                    </div>
                    <div class="pitem">
                        <div class="ptit preport">Report</div>
                        <table width="100%">
                            <tr>
                                <td width="33.3%">
                                    <ul>
                                        <li><a href="#">Action Implementation By Status</a></li>                                    
                                    </ul>
                                </td>
                                <td width="33.3%">
                                    <ul>
                                        <li><a href="#">Action Implementation By Status</a></li>                                    
                                    </ul>
                                </td>
                                <td width="33.3%"></td>
                            </tr>
                        </table>
                    </div>
                    <div class="pitem">
                        <div class="ptit preport">Heat Maps</div>
                        <table width="100%">
                            <tr>
                                <td width="33.3%">
                                    <ul>
                                        <li><a href="#">Action Implementation By Status</a></li>                                    
                                    </ul>
                                </td>
                                <td width="33.3%"></td>
                                <td width="33.3%"></td>
                            </tr>
                        </table>
                    </div>
                </div>                
                <div class="cpbutton">
                    <span>Create new panel</span>
                    <span id="btnHidePanel">Hide</span>
                    <br clear="both" />
                </div>
            </div>
            <div id="content">                
                <div class="columns">
                    <ul class="column">
                        <li>
                            <div class="cbox">
                                <div class="chead">
                                    <h2>Test case execution</h2>
                                    <ul>
                                        <li class="more">
                                            <div class="box-more">
                                                <div class="cm">
                                                    <div class="hm"></div>
                                                    <div class="cc">
                                                        <span class="rf">Refresh</span>
                                                        <span class="min">Minimize</span>
                                                        <span class="max">Maximize</span>
                                                        <span class="cls">Close</span>
                                                    </div>
                                                </div>                                                                                                
                                            </div>
                                        </li>
                                        <li class="edit"></li>
                                        <li class="clone"></li>
                                    </ul>
                                </div>
                                <div class="ccon"></div>
                            </div>
                        </li>
                        <li>
                            <div class="cbox">
                                <div class="chead">
                                    <h2>Test case execution</h2>
                                    <ul>
                                        <li class="more"></li>
                                        <li class="edit"></li>
                                        <li class="clone"></li>
                                    </ul>
                                </div>
                                <div class="ccon">
                                    <table width="100%" class="grid">
                                        <thead>
                                            <tr>
                                                <th width="15">#</th>
                                                <th align="left">Name</th>
                                                <th width="50">Status</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>1</td>
                                                <td>Test</td>
                                                <td class="pass">Pass</td>
                                            </tr>
                                            <tr class="ev">
                                                <td>2</td>
                                                <td>Test</td>
                                                <td class="fail">Fail</td>
                                            </tr>
                                            <tr>
                                                <td>1</td>
                                                <td>Test</td>
                                                <td class="pass">Pass</td>
                                            </tr>
                                            <tr class="ev">
                                                <td>2</td>
                                                <td>Test</td>
                                                <td class="fail">Fail</td>
                                            </tr>
                                            <tr>
                                                <td>1</td>
                                                <td>Test</td>
                                                <td class="pass">Pass</td>
                                            </tr>
                                            <tr class="ev">
                                                <td>2</td>
                                                <td>Test</td>
                                                <td class="fail">Fail</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="cbox">
                                <div class="chead">
                                    <h2>Test case execution</h2>
                                    <ul>
                                        <li class="more"></li>
                                        <li class="edit"></li>
                                        <li class="clone"></li>
                                    </ul>
                                </div>
                                <div class="ccon"></div>
                            </div>
                        </li>
                        <li>
                            <div class="cbox">
                                <div class="chead">
                                    <h2>Test case execution</h2>
                                    <ul>
                                        <li class="more"></li>
                                        <li class="edit"></li>
                                        <li class="clone"></li>
                                    </ul>
                                </div>
                                <div class="ccon"></div>
                            </div>
                        </li>
                        <li>
                            <div class="cbox">
                                <div class="chead">
                                    <h2>Test case execution</h2>
                                    <ul>
                                        <li class="more"></li>
                                        <li class="edit"></li>
                                        <li class="clone"></li>
                                    </ul>
                                </div>
                                <div class="ccon"></div>
                            </div>
                        </li>
                        <li>
                            <div class="cbox">
                                <div class="chead">
                                    <h2>Test case execution</h2>
                                    <ul>
                                        <li class="more"></li>
                                        <li class="edit"></li>
                                        <li class="clone"></li>
                                    </ul>
                                </div>
                                <div class="ccon"></div>
                            </div>
                        </li>                     
                    </ul>                    
                </div>                
                <br clear="both" />
            </div>
            <div id="footer">Copyright © 2013 LogiGear Corporation - All Rights Reserved.</div>            
        </div>
    </body>
</html>

